/* base.css */
:root {
  --color-primary: #4f46e5;
  /* 一个现代、充满活力的靛蓝 */
  --color-primary-light: #818cf8;
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-info: #6b7280;

  --vt-c-white: #ffffff;
  --vt-c-black: #111827;

  /* --- 主题核心改动 --- */
  /* 定义柔和的渐变背景 */
  --vt-c-bg-gradient: linear-gradient(120deg, #f3f5ff 10%, #fdf5ff 50%, #f7f3ff 100%);

  /* 定义在渐变背景上的卡片颜色，带有透明度以实现“毛玻璃”效果 */
  --vt-c-bg-soft: rgba(255, 255, 255, 0.6);
  --vt-c-bg-mute: rgba(248, 249, 251, 0.7);
  --vt-c-bg-soft-hover: rgba(255, 255, 255, 0.85);

  /* 定义边框颜色，更柔和 */
  --vt-c-border-color: rgba(226, 232, 240, 0.75);
  --vt-c-border-color-light: rgba(226, 232, 240, 0.4);

  /* 文本颜色保持不变，确保对比度 */
  --vt-c-text-1: #1f2937;
  --vt-c-text-2: #4b5563;
  --vt-c-text-3: #9ca3af;

  /* 更柔和、更现代的阴影 */
  --shadow-1: 0 1px 3px 0 rgb(0 0 0 / 0.07), 0 1px 2px -1px rgb(0 0 0 / 0.07);
  --shadow-2: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.08);
  --shadow-primary-hover: 0 7px 14px -3px rgba(79, 70, 229, 0.4);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}

body {
  min-height: 100vh;
  color: var(--vt-c-text-2);
  /* 应用新的渐变背景 */
  background: var(--vt-c-bg-gradient);
  line-height: 1.6;
  font-family: "Inter", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 14px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}